<script setup lang="ts">
const user = ref(useUserStore().user)
</script>

<template>
  <main class="bg-white overflow-hidden rounded-md">
    <div class="flex flex-col items-center justify-center py-3 text-slate-700">
      <h2 class="font-bold">{{ user?.name }}</h2>
      <small class="text-sm">{{ user?.created_at }}</small>
      <div class="text-xs mt-2 text-gray-600">ID:{{ user?.id }}</div>
    </div>
  </main>
</template>
